import { Table, Tooltip } from 'antd'
import React from 'react'

export default function NewsPublish(props) {

    // 创建表格并设置表头
    const columns = [
        {
            title: '新闻标题',
            dataIndex: 'title',
            render: (title, item) => {
                return <Tooltip title="预览内容">
                    <a href={`#/news-manage/preview/${item.id}`}>{title}</a>
                </Tooltip>
            }
        },
        {
            title: '作者',
            dataIndex: 'author',
            key: 'author',
        },
        {
            title: '新闻分类',
            dataIndex: 'category',
            render: (category) => {
                return category.label
            }
        },
        {
            title: '操作',
            render: (item) => {
                return <div>
                    {/* 组件中传递过来的button属性,这个属性的值为一个Button组件 */}
                    {props.button(item.id)}
                </div>
            }
        },
    ]

    return (
        <div>
            {/* 将父组件传递过来的dataSource属性作为Table组件的dataSource属性值 */}
            <Table dataSource={props.dataSource} columns={columns} rowKey={(item) => item.id} pagination={{ pageSize: 6 }} />
        </div>
    )
}
